<template>
  <div>
    <div id="app">
      <h1>
        根组件
        <br />
        数量:{{ count }} 名字:{{ name }}
      </h1>
      <input type="text" />
      <brother></brother>
      <hr />
      <master></master>
    </div>
  </div>
</template>
<script>
import brother from './VuexStore/brother.vue'
import master from './VuexStore/master.vue'
import { mapState } from 'vuex'
export default {
  name: '',
  components: {
    brother,
    master
  },
  data () {
    return {

    }
  },
  created () {
  },
  computed: {
    //数据类型辅助函数
    ...mapState(['count', 'name'])

  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
#app {
  width: 600px;
  margin: 20px auto;
  border: 3px solid #ccc;
  border-radius: 3px;
  padding: 10px;
}
</style>
